
/******************************************************************************************************************/

/*
 * jQuery UI Customizr
 *
 * Copyleft 2011, MangoLabs
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * http://mangolabs.com.ar/customizr
 */


 
 
 
/* jQuery UI Resets
----------------------------------*/

/* Buttons */

.ui-widget {
	font-family: inherit;
	font-size: 100%;
}

.ui-buttonset .ui-button {
	margin-right: -3px; /* for font-size 12px */
}

.ui-button-text-icon-primary .ui-button-text {
	padding: 0.35em 0.8em 0.3em 2em;
}

.button, .ui-button-text-only .ui-button-text {
	padding: 0.3em 0.8em;
}

.button {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	line-height: 1.4;
}

/* Corner radius */

.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }












	
/* CLASSIC
=========================================================================================================================== */


/* jQuery UI Interaction states
----------------------------------*/

	.app-classic .button, .app-classic .ui-state-default, .app-classic .ui-widget-content .ui-state-default, .app-classic .ui-widget-header .ui-state-default {
		border-color: #CCCCCC #BBBBBB #A0A0A0;
		border-left: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;
		border-style: solid;
		border-width: 1px;
		background: #e6e6e6; /* old browsers */
		background: -moz-linear-gradient(top, #F9F9F9 0%, #D5D5D5 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#D5D5D5)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D5D5D5',GradientType=0 ); /* ie */
		font-weight: normal;
		color: #000000;
		-moz-box-shadow: 1px 0 1px white inset;
	}


	.app-classic .button, .app-classic .ui-state-default a, .app-classic .ui-state-default a:link, .app-classic .ui-state-default a:visited {
		color: #000000;
		text-decoration: none;
	}

	.app-classic .button:hover, .app-classic .ui-state-hover, .app-classic .ui-widget-content .ui-state-hover, .app-classic .ui-widget-header .ui-state-hover, .app-classic .ui-state-focus, .app-classic .ui-widget-content .ui-state-focus, .app-classic .ui-widget-header .ui-state-focus {
		border: 1px solid #7a7a7a;
		font-weight: normal;
		color: #212121;
	}

	.app-classic .button:hover, .app-classic .ui-state-hover a, .app-classic .ui-state-hover a:hover {
		color: #212121;
		text-decoration: none;
	}
	
	.app-classic .button:active, .app-classic .ui-state-active, .app-classic .ui-widget-content .ui-state-active, .app-classic .ui-widget-header .ui-state-active {
		border: 1px solid #555;
		background: #999; /* old browsers */
		background: -moz-linear-gradient(top, #999 0%, #666 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#666)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#666',GradientType=0 ); /* ie */
		font-weight: normal;
		color: white;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		text-shadow: none;
	}
	
	.app-classic .button:active, .app-classic .ui-state-active a, .app-classic .ui-state-active a:link, .app-classic .ui-state-active a:visited {
		text-decoration: none;
	}
	
	.app-classic .ui-widget :active {
		outline: none;
	}

	.app-classic .ui-button .ui-button-text {
		text-shadow: 0 1px 0 white;
	}
	
	.app-classic .button:active, .app-classic .ui-state-active .ui-button-text {
		text-shadow: none;
	}






	
/* GRANA
=========================================================================================================================== */


/* jQuery UI Interaction states
----------------------------------*/

	.app-grana .button, .app-grana .ui-state-default, .app-grana .ui-widget-content .ui-state-default, .app-grana .ui-widget-header .ui-state-default {
		border-color: #CCCCCC #BBBBBB #A0A0A0;
		border-left: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;
		border-style: solid;
		border-width: 1px;
		background: #e6e6e6; /* old browsers */
		background: -moz-linear-gradient(top, #F9F9F9 0%, #D5D5D5 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#D5D5D5)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D5D5D5',GradientType=0 ); /* ie */
		font-weight: normal;
		color: #000000;
		-moz-box-shadow: 1px 0 1px white inset;
	}


	.app-grana .button, .app-grana .ui-state-default a, .app-grana .ui-state-default a:link, .app-grana .ui-state-default a:visited {
		color: #000000;
		text-decoration: none;
	}

	.app-grana .button:hover, .app-grana .ui-state-hover, .app-grana .ui-widget-content .ui-state-hover, .app-grana .ui-widget-header .ui-state-hover, .app-grana .ui-state-focus, .app-grana .ui-widget-content .ui-state-focus, .app-grana .ui-widget-header .ui-state-focus {
		border: 1px solid #7a7a7a;
		font-weight: normal;
		color: #212121;
	}

	.app-grana .button:hover, .app-grana .ui-state-hover a, .app-grana .ui-state-hover a:hover {
		color: #212121;
		text-decoration: none;
	}
	
	.app-grana .button:active, .app-grana .ui-state-active, .app-grana .ui-widget-content .ui-state-active, .app-grana .ui-widget-header .ui-state-active {
		border: 1px solid #555;
		background: #999; /* old browsers */
		background: -moz-linear-gradient(top, #999 0%, #666 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#666)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#666',GradientType=0 ); /* ie */
		font-weight: normal;
		color: white;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		text-shadow: none;
	}
	
	.app-grana .button:active, .app-grana .ui-state-active a, .app-grana .ui-state-active a:link, .app-grana .ui-state-active a:visited {
		text-decoration: none;
	}
	
	.app-grana .ui-widget :active {
		outline: none;
	}

	.app-grana .ui-button .ui-button-text {
		text-shadow: 0 1px 0 white;
	}
	
	.app-grana .button:active, .app-grana .ui-state-active .ui-button-text {
		text-shadow: none;
	}













	
/* SS
=========================================================================================================================== */


/* Corner radius */

.app-ss .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.app-ss .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.app-ss .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.app-ss .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.app-ss .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.app-ss .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.app-ss .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.app-ss .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.app-ss .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.app-ss .button { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }


/* jQuery UI Interaction states
----------------------------------*/

	.app-ss .button, .app-ss .ui-state-default, .app-ss .ui-widget-content .ui-state-default, .app-ss .ui-widget-header .ui-state-default {
		border-color: #CCCCCC #BBBBBB #A0A0A0;
		border-left: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;
		border-style: solid;
		border-width: 1px;
		background: #e6e6e6; /* old browsers */
		background: -moz-linear-gradient(top, #F9F9F9 0%, #D5D5D5 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#D5D5D5)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D5D5D5',GradientType=0 ); /* ie */
		font-weight: normal;
		color: #000000 !important;
		-moz-box-shadow: 1px 0 1px white inset;
	}


	.app-ss .button, .app-ss .ui-state-default a, .app-ss .ui-state-default a:link, .app-ss .ui-state-default a:visited {
		color: #000000 !important;
		text-decoration: none;
	}

	.app-ss .button:hover, .app-ss .ui-state-hover, .app-ss .ui-widget-content .ui-state-hover, .app-ss .ui-widget-header .ui-state-hover, .app-ss .ui-state-focus, .app-ss .ui-widget-content .ui-state-focus, .app-ss .ui-widget-header .ui-state-focus {
		border: 1px solid #7a7a7a;
		font-weight: normal;
		color: #212121;
	}

	.app-ss .button:hover, .app-ss .ui-state-hover a, .app-ss .ui-state-hover a:hover {
		color: #212121;
		text-decoration: none;
	}
	
	.app-ss .button:active, .app-ss .ui-state-active, .app-ss .ui-widget-content .ui-state-active, .app-ss .ui-widget-header .ui-state-active {
		border: 1px solid #555;
		background: #999; /* old browsers */
		background: -moz-linear-gradient(top, #999 0%, #666 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#666)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#666',GradientType=0 ); /* ie */
		font-weight: normal;
		color: white !important;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		text-shadow: none;
	}
	
	.app-ss .button:active, .app-ss .ui-state-active a, .app-ss .ui-state-active a:link, .app-ss .ui-state-active a:visited {
		text-decoration: none;
	}
	
	.app-ss .ui-widget :active {
		outline: none;
	}

	.app-ss .ui-button .ui-button-text {
		text-shadow: 0 1px 0 white;
	}
	
	.app-ss .button:active, .app-ss .ui-state-active .ui-button-text {
		text-shadow: none;
	}














/* DARK
=========================================================================================================================== */




/* jQuery UI Interaction states
----------------------------------*/

	.app-dark .button, .app-dark .ui-state-default, .app-dark .ui-widget-content .ui-state-default, .app-dark .ui-widget-header .ui-state-default {
		border: 1px solid #111;
		background: #595959; /* old browsers */
		background: -moz-linear-gradient(top, #595959 0%, #2D2D2D 33%, #0E0E0E 81%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595959), color-stop(33%,#2D2D2D), color-stop(81%,#0E0E0E)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#0E0E0E',GradientType=0 ); /* ie */
		font-weight: normal;
		color: #DDD;
		text-shadow: 0 1px 0 black;
	}


	.app-dark .button, .app-dark .ui-state-default a, .app-dark .ui-state-default a:link, .app-dark .ui-state-default a:visited {
		text-decoration: none;
	}

	.app-dark .button:hover, .app-dark .ui-state-hover, .app-dark .ui-widget-content .ui-state-hover, .app-dark .ui-widget-header .ui-state-hover, .app-dark .ui-state-focus, .app-dark .ui-widget-content .ui-state-focus, .app-dark .ui-widget-header .ui-state-focus {
		border: 1px solid black;
		font-weight: normal;
		color: orange;
	}

	.app-dark .ui-state-hover a, .app-dark .ui-state-hover a:hover {
		color: orange;
		text-decoration: none;
	}
	
	.app-dark .button:active, .app-dark .ui-state-active, .app-dark .ui-widget-content .ui-state-active, .app-dark .ui-widget-header .ui-state-active {
		background: black;
		filter: none;
	}
	
	.app-dark .button:active, .app-dark .ui-state-active a, .app-dark .ui-state-active a:link, .app-dark .ui-state-active a:visited {
		color: #212121;
		text-decoration: none;
	}
	
	.app-dark .ui-widget :active {
		outline: none;
	}
	
	









	
/* SERVER
=========================================================================================================================== */


/* jQuery UI Interaction states
----------------------------------*/

	.app-server .button, .app-server .ui-state-default, .app-server .ui-widget-content .ui-state-default, .app-server .ui-widget-header .ui-state-default {
		background: #b7cd11; /* old browsers */
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* firefox */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#D5D5D5)); /* webkit */
		font-weight: normal;
		color: #FFF;
		-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.5) inset;
		border: 1px solid rgba(0,0,0,0.1);
		text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
		font-weight: bold;
	}

	.app-server .button, .app-server .ui-state-default a, .app-server .ui-state-default a:link, .app-server .ui-state-default a:visited {
		text-decoration: none;
	}

	.app-server .button:hover, .app-server .ui-state-hover, .app-server .ui-widget-content .ui-state-hover, .app-server .ui-widget-header .ui-state-hover, .app-server .ui-state-focus, .app-server .ui-widget-content .ui-state-focus, .app-server .ui-widget-header .ui-state-focus {
		background: #3e4d59;
	}

	.app-server .button:hover, .app-server .ui-state-hover a, .app-server .ui-state-hover a:hover {
		background: #3e4d59;
	}
	
	.app-server .button:active, .app-server .ui-state-active, .app-server .ui-widget-content .ui-state-active, .app-server .ui-widget-header .ui-state-active {
		background: #3e4d59;
	}
	
	.app-server .button:active, .app-server .ui-state-active a, .app-server .ui-state-active a:link, .app-server .ui-state-active a:visited {
		background: #3e4d59;
	}
	
	.app-server .ui-widget :active {
		background: #3e4d59;
		outline: none;
	}
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: inline-block; position:relative; text-decoration: none; text-shadow: 0 1px 1px white}
.ui-selectmenu-icon { position: absolute; right: 6px; margin-top: -8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-open { visibility: visible; color: red}
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: none; border-bottom: none; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }

.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; outline:none; text-decoration:none; padding: 0.3em 0.8em; border: none}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }

.ui-selectmenu-open li.ui-selectmenu-item-focus a { border: none }

.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; border: none}
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }


.ui-selectmenu-menu li a:hover {
	background: #DDD;
}

.ui-selectmenu-menu .ui-state-hover {
	border: none !important;
}





.app-server .ui-selectmenu-menu li a:hover {
	background: #DDD;
}

.app-server .ui-selectmenu-menu .ui-state-hover {
	border: none !important;
}	
